/* 
    Document   : style
    Created on : 5 avr. 2011, 09:51:51
    Author     : DE SILVA
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}
body {
	background: blank;
	margin: 0;
	padding: 0;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.4;
}

/* ~~ Sélecteurs d'éléments/balises ~~ */
ul, ol, dl {
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px;
	text-align: left;
}
h3.texte_form{
	text-align:center;
	font-style:normal;
	margin-top:100px;
}

.content p.ariane{
    font-size: 12px;
}
.content p.centrage{
     text-align:center;
     margin-top:50px;
}

 .content p.centrage_2{
     text-align:center;
     margin-top:5px;
}

 .content p.droite{
     text-align:right;
}



.content p.milieu{
    text-align: center;
    margin-top: 50px;
}
a img { /* ce sélecteur élimine la bordure bleue par défaut affichée dans certains navigateurs autour d'une image lorsque celle-ci est entourée d'un lien. */
	border: none;
}

img.centrer {
	text-align:center;
}

/* La définition du style des liens */
a:link {
	color: #42413C;
	text-decoration: underline;
}
a:visited {

}
a:hover, a:active, a:focus {
	text-decoration: none;
}



/* ~~ Ce conteneur à largeur fixe entoure toutes les autres divs ~~ */
.container {
	width: 960px;
	background: #FFFFFF;
	margin: 0 auto;
	text-align: justify;
}

/* EMplacement de la bannière du site */
.header {
	
	background-image: url(http://www.univ-paris5.fr/var/parisdescartes/storage/images/accueil/193-300-fre-FR/Accueil_homepage_banner.jpg);
}

/* ~~ Colonnes pour la mise en page. ~~ */
.sidebar1 {
	float: left;
	width: 180px;
	padding-bottom: 10px;
	background-color: #FFF;
}
.content {

	padding: 10px 0;
	width: 600px;
	float: left;
}
.sidebar2 {
	float: left;
	width: 180px;
	padding: 10px 0;
	background-color: #CCC49F;
}

/* ~~ Ce sélecteur groupé donne de l'espace aux listes dans la zone .content ~~ */
.content ul, .content ol {
	padding: 0 15px 15px 40px;
}

/* ~~ Styles de liste de navigation ~~ */
ul.nav {
	list-style: none; /* entraîne la suppression du marqueur de liste */
	border-top: 1px solid #666; /* crée la bordure supérieure des liens ; les autres sont placées à l'aide d'une bordure inférieure sur la balise LI */
	margin-bottom: 15px; /* crée l'espace entre la navigation et le contenu en dessous */
}
ul.nav li {
	border-bottom: 1px solid #666; /* crée la séparation des boutons */
}
ul.nav a, ul.nav a:visited {
	padding: 5px 5px 5px 15px;
	display: block;
	width: 160px;
	text-decoration: none;
	background-color: #9F3;
}
 ul.nav a:active, ul.nav a:focus {
	color: #FFF;
	background-color: #03F;
}
ul.nav a:hover {background-color:#666; color:#FFF;}

ul.nav a.accessoires:hover {background-color:#006;}
ul.nav a.accessoires:hover:before {content:" » ";}
ul.nav a.accessoires {
	background-color:#069;
	color: #FFF;
	font-style: italic;
	border-bottom: 10 px;
}

ul.nav a.telephones:hover{background-color:#300;}
ul.nav a.telephones:hover:before {content:" » ";}
ul.nav a.telephones {
	background-color:#606;
	color: #FFF;
	font-style: italic;
}

ul.nav a.smartphones:hover{background-color:#F30;}
ul.nav a.smartphones:hover:before {content:" » ";}
ul.nav a.smartphones {
	background-color:#F60;
	color: #FFF;
	font-style: italic;
}

ul.nav a.forfaits:hover{background-color:#0F0;}
ul.nav a.forfaits:hover:before {content:" » ";}
ul.nav a.forfaits {
	background-color:#360;
	color:#FFF;
	font-style: italic;
}

ul.nav a.lien_sortant:hover {background-color:#666;}
ul.nav a.lien_sortant:hover:before {content:" » ";}
ul.nav a.lien_sortant {
	background-color:#CCC49F;
	color:#000;
	font-style: italic;
}

ul.nav li.paragraphe{background-color:#CCC49F}
/* ~~ Styles de pied de page ~~ */
.footer {
	padding: 10px 0;
        margin-top: 20px;
	background: #CCC49F;
	position: relative;
	clear: both;
	text-align: center;
}

/* ~~ Classes flottant/effacement diverses ~~ */
.fltrt {
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}




.champ{
	margin-left: 23px;
}
label {
    display: block;
    width: 150px;
    float: left;
    text-align: right;
}

/*Centrage au sein d'une div d'un formulaire*/
form.form_center{
	text-align:center;
	margin-top:100px;
}
.formulaire{
    text-align: center;
}

/*Personnalisation des champs de formulaire tels que le bouton d'envoi */
input[type="text"] {
border: 1px solid #000;
}

input[type="password"] {
border: 1px solid #000;
}

input[type=submit], input[type=reset] {
 border:2px outset #A6BEDE;
 cursor:pointer;
 }
input[type=submit]:hover, input[type=reset]:hover {
 border:2px outset white;
 background-color:white;
 }
input[type=submit]:active, input[type=reset]:active {
 border:2px inset #A6BEDE;
 background-color:#A6BEDE;
 color:black;
 }
